<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function show(){
        //获取文本框标签对象
          /*var inputElement=document.getElementById('username');
            var inputForArray=document.getElementsByName('myusername');
            var inputElement=inputForArray[0];
          */
            var inputForArray=document.getElementsByTagName('input');
            var inputElement=inputForArray[0];
            //获取文本框对象输入的内容
            var content=inputElement.value;
            //把获取到内容窗口输出
            if(content==''){
                alert('输出内容为：空。');
            }else {
                alert('输出内容为：'+content+'。')
            }
        }
    </script>
</head>
<body>
<form name="myform">
    用户名：
    <input type="text" id="username" name="myusername"/><br>
    <input name="mybutton" type="button" value="获取文本框里的内容" onclick="show()"/>
</form>
</body>
</html>